header::before {
    content: ""; position: absolute; z-index: -1;
    top: 0; left: 0; width: 100%; height: 150%; pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent);
}

#index-video {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    width: 100%;
}

.loaded .live2d {
	display: block;
}

.live2d {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    font-size: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
}

.live2d.hide {
    display: none!important;
    pointer-events: none;
}

#landlord {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 250px;
    height: 280px;
    z-index: 12;
    font-size: 0;
    margin-bottom: -28px;
    pointer-events: none;
}

#landlord.Dragon {
    height: 340px;
}

#landlord.Summer {
	width:300px;
	height: 320px;
}

#landlord.Autumn {
	width:320px;
	height: 290px;
}
#landlord.Winter {
	width:270px;
	height: 290px;
}

.again #landlord,
.again .live2d {
    display: block;
}

#landlord .message {
    width: 90%; height: auto;
    margin: auto; padding: 8px;
    bottom: 100%; left: 50%;
    color: var(--font-black); text-align: center;
    border: 1px solid var(--font-yellow);
    background-color: var(--font-white);
    border-radius: 10px;
    box-shadow: 0 3px 15px 2px rgba(0, 0, 0, .15);
    font-size: 15px; font-weight: 400;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden; word-break: break-all;
    position: absolute; z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-user-select: none;
    user-select: none;
}

#landlord.Dragon .message {
    padding: 8px 2px;
}

#landlord .live2d-close-icon-wrap,
#landlord .message {
    pointer-events: auto;
}

#landlord .message a { color: var(--font-brown); }

#landlord.hide .message,
#landlord.hide .live2d-close-icon-wrap {
    display: none!important;
}

#landlord.hide .landlord-IP {
    display: block;
}

.landlord-IP {
    display: none;
    pointer-events: auto;
    position: absolute;
    left: 15px; bottom: 43px;
}

.landlord-IP img { cursor: pointer; width: 80px; }

.live2d-close-icon-wrap {
    position: absolute;
    background-color: rgba(255, 255, 255, .5);
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
    top: 6%; right: 6%;
    transition: opacity .35s;
    display: none;
}

.live2d-close-icon-wrap .live2d-close-icon {
    width: 12px; height: 12px;
}

.section-title { width: max-content; font-size: var(--maximum-size); }
.section-title,
.section-title a {
    color: var(--font-white);
}
.section-title.font-color-brown,
.section-title.font-color-brown a {
    color: var(--font-brown);
}

.section-sub-title { font-size: 24px; color: var(--font-black); }
.section-sub-title.font-color-yellow { color: var(--font-golden); }
.section-sub-title.font-color-white { color: var(--font-white); }

/* =================== banner ==================== */
.banner { position: relative; z-index: 10; }

.banner-background {
    display: block;
    padding-bottom: 47.708333%;
    background-image: url(../images/index/banner-2.png);
    background-size: cover;
}

.banner .split-wrapper {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    pointer-events: none; z-index: 3;
}

.banner .split-2 {
    padding-bottom: 38.1%;
    width: 100%; height: 0;
    background-image: url(../images/index/split-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0; bottom: 0; z-index: 1;
    -webkit-transform: translateY(26%);
    -ms-transform: translateY(26%);
    -moz-transform: translateY(26%);
    -o-transform: translateY(26%);
    transform: translateY(26%);
}

.banner .split-3 {
    padding-bottom: 17.1%;
    width: 100%; height: 0;
    background-image: url(../images/index/split-3-3.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0; bottom: 0; z-index: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

.banner-title {
    position: absolute; width: 33.333333%;
    left: 50%; bottom: -9%; z-index: 2;
    pointer-events: auto;
}

.banner-title span {
    position: absolute; left: 50%;
    color: var(--font-white); font-size: var(--maximum-size);
}

.jade-pendant {
    position: absolute;
    left: 0; bottom: 0; z-index: 1;
    width: 100%; height: 100%;
    pointer-events: none;
    -webkit-transform: translate3d(0, 33%, 0);
    -moz-transform: translate3d(0, 33%, 0);
    -ms-transform: translate3d(0, 33%, 0);
    -o-transform: translate3d(0, 33%, 0);
    transform: translate3d(0, 33%, 0);
}

.jade-pendant::before, .jade-pendant::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0px;
    width: 430px; height: 342px;
    background-image: url(../images/index/jade-pendant-2.png);
}

.jade-pendant::after {
    left: unset; right: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/* =================== 预约 ==================== */
.yy, .yy-ratio-container { position: relative; }

.yy-ratio-container {
    margin-top: -18%;
    padding-bottom: 70.46875%;
    background-image: url(../images/index/yy-back.png);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.yy-right-image {
    position: absolute;
    right: 0; bottom: 11%;
    width: 18.75%; max-width: 360px;
}

.yy-right-image img { width: 100%; height: auto; }

.yy .container {
    position: absolute;
    bottom: 0; left: 50%;
    width: 100%; height: 72%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.yy-inner-container {
    height: 100%; display: flex;
    justify-content: center;
    flex-direction: column;
}

.yy-top-caption { font-size: 32px; }

.yy-top-open-hours {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.yy-top-content {
    display: flex; margin-top: 25px;
}

.yy-top-content ul li:nth-child(2) {
    font-family: "font"; font-size: 48px;
    color: var(--font-brown);
}

.yy-top-open-hours > p { margin-top: 20px; }

.yy-top-right { margin-left: 120px; }

.service-list {
    display: flex;
    text-align: center; margin-top: 60px;
}

.service-list .service-item-top-image img {
    -webkit-transition: transform .35s;
    -moz-transition: transform .35s;
    -o-transition: transform .35s;
    transition: transform .35s;
}

.service-list li:hover .service-item-top-image img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}

.service-list li + li { margin-left: 120px; }

.service-caption {
    margin-top: 10px;
    font-size: 32px; color: var(--font-brown);
}

.service-desc {
    color: var(--font-black);
}

.service-more {
    display: block; margin-top: 30px;
}

.service-more img { height: 32px; }

/* =================== 藏品 ==================== */
.collection { margin-top: -12%; position: relative; }

.collection .henan-map {
    position: relative; z-index: 10;
    pointer-events: none;
}

.collection-section-title-wrap {
    position: absolute;
    top: 8%; left: 4%;
    width: 27.65%;
}

.collection-section-title-inner {
    position: absolute;
    top: -10%; left: 30%;
    display: -ms-flexbox;
    display: flex; width: 100%;
}

.collection-section-title-inner .collection-title-inner-image {
    height: 76.4%;
}

.collection-section-title-inner .collection-title-inner-image img { width: 100%; height: auto; }

.section-title-right { white-space: nowrap; margin-left: 30px; }

.section-title-right .details-arrow-wrap { margin-top: 20px; }

.collection-section-title-wrap > img {
    width: 100%; height: auto;
    /*animation: rotate 30s linear infinite;*/
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.lattice { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

.lattice-item {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif;
    position: absolute; z-index: 10; color: var(--font-brown);
    font-size: var(--minimum-size); cursor: pointer;
    pointer-events: auto;
}

.lattice-item::before, .lattice-item.align-bottom::after {
    content: "";
    display: block; border-radius: 50%;
    width: 10px; height: 10px; margin: 0 0 8px 0;
    background-color: var(--font-brown);
}
.lattice-item.align-right::before { margin-left: auto; }
.lattice-item.inline-block::before { display: inline-block; margin: -8px 10px 0 0; vertical-align: middle; }
.lattice-item.align-bottom::before { content: unset; }
.lattice-item.align-bottom::after { margin: 8px 0 0 0; }

.lattice-item.owl-shaped-bronze-zun { top: 6%; left: 53.5%; }
.lattice-item.duling_bronze { top: 35.81%; left: 47.1%; }
.lattice-item.wu-zhao-jin-jian { top: 40.05%; left: 38.77%; }
.lattice-item.lotus-and-crane-rectangular-hu { top: 42%; left: 46.17%; }
.lattice-item.sishen-cloud-chart { top: 41.5%; right: 20%; }
.lattice-item.jade-handle-iron-sword { top: 41.62%; left: 5%; }
.lattice-item.ru-guan-kiln-sky-blue-glaze-carved-goose-neck-bottl { top: 53.24%; left: 37.94%; }
.lattice-item.bone-flute-at-jiahu { top: 54.81%; left: 55.55%; }
.lattice-item.cloud-pattern-copper-ban { top: 70.1%; left: 29.76%; }
.lattice-item.temp1 { top: 26.5%; left: 30.15%; }
.lattice-item.temp2 { top: 15.35%; left: 59.36%; }
.lattice-item.temp3 { top: 12.5%; right: 25.3%; }
.lattice-item.temp4 { top: 26.8%; left: 41%; }
.lattice-item.temp5 { top: 24.67%; left: 54.46%; }
.lattice-item.temp6 { top: 44.23%; left: 26%; }
.lattice-item.temp7 { top: 47.67%; left: 51.76%; }
.lattice-item.temp8 { top: 36.57%; left: 64.26%; }
.lattice-item.temp9 { top: 56.57%; left: 71.76%; }
.lattice-item.temp10 { top: 70.37%; left: 59.36%; }
.lattice-item.temp11 { top: 85%; left: 74.2%; }

.collection-hover.owl-shaped-bronze-zun { top: 6%; left: 50%; }
.collection-hover.duling_bronze { top: 30.78%; left: 50%; }
.collection-hover.wu-zhao-jin-jian { top: 33%; left: 43%; }
.collection-hover.lotus-and-crane-rectangular-hu { top: 33.78%; left: 50%; }
.collection-hover.sishen-cloud-chart { top: 37%; left: 60%; }
.collection-hover.jade-handle-iron-sword { top: 38%; left: 7%; }
.collection-hover.ru-guan-kiln-sky-blue-glaze-carved-goose-neck-bottl { top: 45%; left: 40%; }
.collection-hover.bone-flute-at-jiahu { top: 50%; left: 57%; }
.collection-hover.cloud-pattern-copper-ban { top: 56.78%; left: 32%; }

.collection-hover.temp1 { top: 25%; left: 30.56%; }
.collection-hover.temp2 { top: 16.35%; left: 45.36%; }
.collection-hover.temp3 { top: 10.97%; left: 50.66%; }
.collection-hover.temp4 { top: 24.97%; left: 41.36%; }
.collection-hover.temp5 { top: 22.67%; left: 54.46%; }
.collection-hover.temp6 { top: 42.23%; left: 26%; }
.collection-hover.temp7 { top: 45.67%; left: 51.76%; }
.collection-hover.temp8 { top: 36.57%; left: 64.26%; }
.collection-hover.temp9 { top: 54.57%; left: 53.76%; }
.collection-hover.temp10 { top: 68.37%; left: 59.36%; }
.collection-hover.temp11 { top: 68%; left: 55.76%; }

.collection-hover {
    position: absolute; z-index: 15;
    width: 360px; height: 360px;
    background-size: cover; background-repeat: no-repeat;
    -o-transition: .6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -moz-transition: .6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -webkit-transition: .6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: .6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    opacity: 0; pointer-events: none;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.collection-hover .collection-image {
    position: absolute;
    width: 100%; height: 100%;
}

.collection-hover.complete {
    border-radius: 50%;
    background-color: var(--font-brown);
}

.collection-hover.complete .collection-image {
    max-width: 85%; height: auto;
    bottom: 0; left: 40%;
    -webkit-transform: translate(-50%, 8%);
    transform: translate(-50%, 8%);
}

.collection-hover.complete .collection-name {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif;
    display: flex;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-box-orient: vertical;
    position: absolute;
    top: 50%; right: 10%;
    z-index: 1;
    color: var(--font-white);
    font-size: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.collection-hover.complete.wu-zhao-jin-jian .collection-image,
.collection-hover.complete.jade-handle-iron-sword .collection-image,
.collection-hover.complete.lotus-and-crane-rectangular-hu .collection-image,
.collection-hover.complete.owl-shaped-bronze-zun .collection-image,
.collection-hover.complete.temp1 .collection-image {
    -webkit-transform: translate(-50%, 8%);
    transform: translate(-50%, 8%);
}

.collection-hover.complete.sishen-cloud-chart .collection-image,
.collection-hover.complete.cloud-pattern-copper-ban .collection-image,
.collection-hover.complete.temp7 .collection-image,
.collection-hover.complete.temp10 .collection-image {
    -webkit-transform: translate(-65%, 10%);
    transform: translate(-65%, 10%);
}

.lattice-item.lotus-and-crane-rectangular-hu:hover ~ .collection-hover.lotus-and-crane-rectangular-hu,
.collection-hover.lotus-and-crane-rectangular-hu:hover,
.lattice-item.duling_bronze:hover ~ .collection-hover.duling_bronze,
.collection-hover.duling_bronze:hover,
.lattice-item.wu-zhao-jin-jian:hover ~ .collection-hover.wu-zhao-jin-jian,
.collection-hover.wu-zhao-jin-jian:hover,
.lattice-item.owl-shaped-bronze-zun:hover ~ .collection-hover.owl-shaped-bronze-zun,
.collection-hover.owl-shaped-bronze-zun:hover,
.lattice-item.sishen-cloud-chart:hover:hover ~ .collection-hover.sishen-cloud-chart,
.collection-hover.sishen-cloud-chart:hover,
.lattice-item.jade-handle-iron-sword:hover ~ .collection-hover.jade-handle-iron-sword,
.collection-hover.jade-handle-iron-sword:hover,
.lattice-item.ru-guan-kiln-sky-blue-glaze-carved-goose-neck-bottl:hover ~ .collection-hover.ru-guan-kiln-sky-blue-glaze-carved-goose-neck-bottl,
.collection-hover.ru-guan-kiln-sky-blue-glaze-carved-goose-neck-bottl:hover,
.lattice-item.bone-flute-at-jiahu:hover:hover ~ .collection-hover.bone-flute-at-jiahu,
.collection-hover.bone-flute-at-jiahu:hover,
.lattice-item.cloud-pattern-copper-ban:hover:hover ~ .collection-hover.cloud-pattern-copper-ban,
.collection-hover.cloud-pattern-copper-ban:hover,
.lattice-item.temp1:hover:hover ~ .collection-hover.temp1,
.collection-hover.temp1:hover,
.lattice-item.temp2:hover:hover ~ .collection-hover.temp2,
.collection-hover.temp2:hover,
.lattice-item.temp3:hover:hover ~ .collection-hover.temp3,
.collection-hover.temp3:hover,
.lattice-item.temp4:hover:hover ~ .collection-hover.temp4,
.collection-hover.temp4:hover,
.lattice-item.temp5:hover:hover ~ .collection-hover.temp5,
.collection-hover.temp5:hover,
.lattice-item.temp6:hover:hover ~ .collection-hover.temp6,
.collection-hover.temp6:hover,
.lattice-item.temp7:hover:hover ~ .collection-hover.temp7,
.collection-hover.temp7:hover,
.lattice-item.temp8:hover:hover ~ .collection-hover.temp8,
.collection-hover.temp8:hover,
.lattice-item.temp9:hover:hover ~ .collection-hover.temp9,
.collection-hover.temp9:hover,
.lattice-item.temp10:hover:hover ~ .collection-hover.temp10,
.collection-hover.temp10:hover,
.lattice-item.temp11:hover:hover ~ .collection-hover.temp11,
.collection-hover.temp11:hover {
    opacity: 1; pointer-events: auto;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* =================== 展厅 ==================== */
.exhibition { position: relative; }

.exhibition .c_e-background {
    margin-top: -62.5%; pointer-events: none;
    -webkit-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .5));
}

.exhibition-inner {
    position: absolute; left: 0; top: 0;
    width: 100%; height: 100%; z-index: 10;
    pointer-events: none;
}

.exhibition-section-title-wrap {
    position: absolute; top: -54%; width: 28.75%;
    pointer-events: auto;
}

.exhibition-section-title-wrap > img { width: 100%; }

.exhibition-section-title-inner-box {
    display: flex;
    position: absolute;
    top: 70%; left: 20%;
    z-index: 5;
}

.exhibition-section-title-inner {
    white-space: nowrap; margin-left: 30px;
}

.exhibition-section-title-inner .details-arrow-wrap { display: block; margin-top: 20px; }

.exhibition-carousel { position: absolute; top: -28%; width: 100%; height: 104%; pointer-events: none; }

/* =================== 资讯 ==================== */
.information-column {
    margin-top: -20%;
    padding-bottom: 80px;
    background-image: url(../images/index/information-bg-2.png);
    background-size: cover;
}

.information-inner { position: relative; padding-top: 10%; }

.information-section-title-wrap {
    pointer-events: none; z-index: 15;
    display: block; width: 100%;
}

.information-section-title-inner {
    pointer-events: auto;
}

.information-section-title-inner .section-title {
    margin: 0 auto;
}

.information-nav-tabs { margin-bottom: 70px; }

.information-nav-tabs .nav-tabs {
    border-bottom: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.information-nav-tabs .nav-tabs button,
.information-nav-tabs .nav-tabs button.active {
    border: none; font-family: "font";
    color: var(--font-white);
    font-size: var(--medium-size);
    background-color: transparent;
    position: relative; padding: 0;
}

.information-nav-tabs .nav-tabs button.active::after {
    content: "";
    position: absolute;
    left: calc(50% - 40px); bottom: -70%;
    width: 80px; height: 26px;
    background-image: url(../images/index/information-active.png);
}

.information-inner .swiper-wrapper { -ms-flex-align: center; align-items: center; }

.information-inner .swiper-slide {
    position: relative;
    width: 33.333333%;
    border-radius: 12px; overflow: hidden;
    transform-origin: center center;
    transition: .3s; transform: scale(0.9);
}

.information-inner .swiper-slide img { height: 100%; }

.information-inner .swiper-slide-active { transform: scale(1); }

.information-inner .swiper-slide:not(.swiper-slide-active)::before {
    content: "";
    position: absolute;
    top: 0; left: 0; z-index: 1;
    width: 100%; height: 100%;
    background-color: black; opacity: .48;
}

.information-inner .swiper-slide p {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif;
    padding: 0 50px; opacity: 0; visibility: hidden;
    background: rgba(0, 0, 0, .3);
    position: absolute; line-height: 50px;
    left: 0; right: 0; bottom: 0; margin: 0;
    color: var(--font-white); font-size: var(--smaller-size);
}

.information-inner .swiper-slide-active p { opacity: 1; visibility: visible; }

.information-inner .swiper-pagination { margin-top: 20px; position: static; }

.information-inner .swiper-pagination span {
    display: block;
    width: 35px; height: 35px;
    background: url(../images/index/pagination.png) no-repeat;
    background-size: 100% 100%;
    opacity: 1;
}

.information-inner .swiper-pagination span.swiper-pagination-bullet-active {
    background-image: url(../images/index/pagination-active.png);
}

.information-inner .swiper-pagination span + span { margin-left: 15px !important; }

/* =================== 专栏 ==================== */
.column-section {
    position: relative; z-index: 10;
    padding-top: 80px; margin-top: -2%;
    background-image: url(../images/index/column-back.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.column-inner-swiper { position: relative; }

.column-inner-swiper .swiper-slide {
    width: calc(calc(100% / 3) - 13.333333px);
    position: relative;
    border-radius: 10px;
}

.column-inner-swiper .swiper-slide .column-name {
    color: var(--font-white);
    font-size: 26px;
    position: absolute;
    left: 15px; right: 15px; top: 20px;
    -ms-word-break: break-all;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: calc(2em * 1.5);
}

.column-inner-swiper .swiper-slide img { width: 100%; height: auto; }

.column-inner .swiper-button-prev, .column-inner .swiper-button-next {
    width: 80px; height: 80px;
    margin-top: -40px;
    border-radius: 50%; color: var(--font-brown);
    background-color: var(--font-white);
}

.column-inner .swiper-button-prev { left: -110px; }
.column-inner .swiper-button-next { right: -110px; }

/* 标题的圈 */
.information .section-title,
.exhibition-section-title-wrap .section-title,
.collection-section-title-wrap .section-title,
.column-section .section-title { position: relative; }

.banner-title span::after,
.collection-section-title-wrap .section-title::after,
.exhibition-section-title-wrap .section-title::after,
.information .section-title::after,
.column-section .section-title::after,
.column-section .section-title::before {
    content: "";
    position: absolute;
    width: 20px; height: 20px;
    border-radius: 50%; border: 1px solid var(--font-golden);
}

.banner-title span::after { left: -5%; bottom: 22%; }

.collection-section-title-wrap .section-title::after { right: 2%; top: 15%; }

.exhibition-section-title-wrap-inner { display: block; }

.exhibition-section-title-wrap .section-title::after { border-color: var(--font-white); right: -1%; bottom: 21%; }

.information .section-title::after {
    left: -7%; top: 28%;
    -webkit-animation: circleAnime 1s linear infinite;
    animation: circleAnime 1s linear infinite;
}

.column-section .section-title::after { left: -5%; top: 29%; }
.column-section .section-title::before { right: -3%; bottom: 21%; }

@keyframes circleAnime {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 8px rgba(243, 237, 224, .7);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        box-shadow: 0 0 15px rgba(243, 237, 224, .7);
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 8px rgba(243, 237, 224, .7);
    }
}

/* =================== 响应 ==================== */
@media (max-width: 1680px) {
    .yy-ratio-container { margin-top: -14%; }
    .yy .container { height: 77%; }
    .yy-right-image { bottom: 12%; }
    .yy-top-content ul li:nth-child(2) { font-size: 46px; }
    .service-caption { font-size: 30px; }
    .service-list { margin-top: 50px; }

    .lattice-item  {
        font-size: 16px;
    }

    .collection-hover.complete .collection-name {
        font-size: 16px;
    }
}

@media (max-width: 1599px) {
    :root {
        /* 字体大小 */
        --maximum-size: 72px;
        --larger-size: 56px;
        --large-size: 48px;
        --medium-to-large: 36px;
        --medium-size: 30px;
        --small-size: 24px;
        --smaller-size: 20px;
        --minimum-size: 18px;
    }

    .banner-title span::after, .collection-section-title-wrap .section-title::after, .exhibition-section-title-wrap .section-title::after, .information .section-title::after, .column-section .section-title::after, .column-section .section-title::before {
        width: 15px; height: 15px;
    }

    /* =================== 展厅 ==================== */
    .exhibition-section-title-inner-box {
        top: 75%;
    }

    .column-inner .swiper-button-prev, .column-inner .swiper-button-next {
        opacity: .3;
    }
    .column-inner .swiper-button-prev { left: 0; }
    .column-inner .swiper-button-next { right: 0; }
}

@media (max-width: 1399px) {
    :root {
        /* 字体大小 */
        --maximum-size: 56px;
        --larger-size: 48px;
        --large-size: 36px;
        --medium-to-large: 32px;
        --medium-size: 30px;
        --small-size: 24px;
        --smaller-size: 20px;
        --minimum-size: 18px;
    }

    .live2d {
        width: 200px; height: auto;
    }

    #landlord {
        width: 200px; height: 224px;
    }

    #landlord.Dragon {
        width: 200px!important;
        height: 268px!important;
    }
	
	#landlord.Summer {
		width:200px!important;
		height: 220px!important;
	}

	#landlord.Autumn {
		width:200px!important;
		height: 190px!important;
	}
	#landlord.Winter {
		width:200px!important;
		height: 230px!important;
	}

    #landlord .message {
        font-size: 12px;
    }

    /* =================== 预约 ==================== */
    .yy-top-open-hours { font-size: 18px; }
    .yy-top-caption, .service-caption { font-size: 28px; }
    .yy-top-content ul li:nth-child(2) { font-size: 36px; }
    .service-list li + li { margin-left: 60px; }
    .yy-ratio-container { margin-top: -11%; }
    .yy .container { height: 82%; }
    .yy-right-image { bottom: 12%; }
    .service-list { margin-top: 40px; }
    .yy-top-open-hours > p { margin-top: 10px; }

    /* =================== 藏品 ==================== */
    .collection-section-title-wrap {
        width: 30%;
    }

    .exhibition-section-title-inner-box {
        top: 83%;
    }

    .collection-section-title-wrap > img { width: 100%; height: auto; }

    .collection-hover { width: 300px; height: 300px; }

    .information-nav-tabs {
        margin-bottom: 50px;
    }

    .information-inner .swiper-slide {
        width: 57%;
    }

    .column-section::after {
        top: 20%; height: 80%;
    }

    .column-inner-swiper .swiper-slide .column-name { font-size: 22px; }
}

@media (max-width: 1199px) {
    :root {
        /* 字体大小 */
        --maximum-size: 56px;
        --larger-size: 48px;
        --large-size: 30px;
        --medium-to-large: 30px;
        --medium-size: 24px;
        --small-size: 22px;
        --smaller-size: 20px;
        --minimum-size: 18px;
    }

    .section-sub-title { font-size: 22px; }

    /* =================== 预约 ==================== */
    .yy-right-image { display: none; }
    .yy-top-content { margin-top: 15px; }
    .yy-top-caption, .service-caption { font-size: 26px; }
    .yy-top-content ul li:nth-child(2) { font-size: 36px; }
    .service-list li + li { margin-left: 60px; }
    .yy-ratio-container { margin-top: 0; }
    .yy .container { height: 100%; }
    .yy-top-right, .service-list li + li { margin-left: 0; }
    .service-list, .yy-top-content { justify-content: space-between; }

    /* =================== 藏品 ==================== */
    .lattice-item::before, .lattice-item.align-bottom::after {
        width: 8px; height: 8px;
    }

    .collection-section-title-inner .collection-title-inner-image,
    .exhibition-title-inner-image { display: none; }

    /* =================== 展厅 ==================== */
    /* .exhibition-section-title-inner */
    .exhibition-section-title-inner-box {
        top: 40%; left: 15%;
    }

    /* =================== 栏目 ==================== */
    .column-inner .swiper-button-prev, .column-inner .swiper-button-next {
        width: 40px; height: 40px; margin-top: -20px;
    }

    .column-section { padding-top: 50px; }

    .column-inner .swiper-button-prev::after, .column-inner .swiper-button-next::after {
        font-size: 14px;
    }

    .column-inner-swiper .swiper-slide .column-name { font-size: 20px; }
}

@media (max-width: 991px) {
    :root {
        /* 字体大小 */
        --maximum-size: 48px;
        --larger-size: 36px;
        --large-size: 28px;
        --medium-to-large: 26px;
        --medium-size: 24px;
        --small-size: 22px;
        --smaller-size: 20px;
        --minimum-size: 16px;
    }

    .section-sub-title { font-size: 18px; }

    .banner-title span::after, .collection-section-title-wrap .section-title::after, .exhibition-section-title-wrap .section-title::after, .information .section-title::after, .column-section .section-title::after, .column-section .section-title::before {
        width: 10px; height: 10px;
        -webkit-animation: none;
        animation: none;
    }

    /* =================== 预约 ==================== */
    .service-list .service-item-top-image > img { width: 100px; height: auto; }
    .yy-top-open-hours { font-size: 16px; }
    .yy-top-caption, .service-caption { font-size: 24px; }
    .yy-top-content ul li:nth-child(2) { font-size: 30px; }
    .service-list { margin-top: 20px; }
    .service-more img { height: 28px; }

    /* =================== 藏品 ==================== */
    .collection-section-title-inner { top: -5%; }

    .lattice-item.temp1,
    .lattice-item.temp2,
    .lattice-item.temp3,
    .lattice-item.temp4,
    .lattice-item.temp5,
    .lattice-item.temp6,
    .lattice-item.temp7,
    .lattice-item.temp8,
    .lattice-item.temp9,
    .lattice-item.temp10,
    .lattice-item.temp11 { display: none; }

    .lattice-item {
        font-size: 14px;
    }

    .collection-hover { width: 150px; height: 150px; }

    .lattice-item::before, .lattice-item.align-bottom::after {
        width: 6px; height: 6px;
    }

    .collection-hover.complete .collection-name {
        font-size: 12px;
    }

    .collection-hover.complete .collection-image {
        max-width: 80%;
        -webkit-transform: translate(-50%, 5%);
        transform: translate(-50%, 5%);
    }

    /* =================== 展厅 ==================== */
    .exhibition-section-title-inner-box {
        top: 45%; left: 10%;
    }

    .section-title-right .details-arrow-wrap img,
    .exhibition-section-title-inner .details-arrow-wrap img { height: 30px; }

    /* =================== 资讯 ==================== */
    .information-inner .swiper-slide p { line-height: 50px; padding: 0 30px; }

    .information-inner .swiper-pagination span { width: 30px; height: 30px; }

    .information-nav-tabs .nav-tabs button.active::after {
        width: 60px; height: 20px;
        background-size: 100% auto;
        left: calc(50% - 30px);
    }

    /* =================== 栏目 ==================== */
    .information-column { padding-bottom: 30px; }

    .column-section { padding-top: 30px; }

    .column-inner-swiper .swiper-slide .column-name { font-size: 16px; }
}

@media (max-width: 767px) {
    :root {
        /* 字体大小 */
        --maximum-size: 40px;
        --larger-size: 32px;
        --large-size: 26px;
        --medium-to-large: 24px;
        --medium-size: 18px;
        --small-size: 16px;
        --smaller-size: 15px;
        --minimum-size: 14px;
    }

    .section-sub-title { font-size: 16px; }

    .jade-pendant::before, .jade-pendant::after { width: 50%; }

    /* =================== 预约 ==================== */
    .service-list li { width: 25%; padding: 0 5px; }
    .service-list .service-item-top-image > img { width: 70px; height: auto; }
    .yy-top-open-hours { font-size: 14px; }
    .yy-top-content { margin-top: 10px; }
    .yy-top-caption, .service-caption { font-size: 20px; }
    .yy-top-content ul li:nth-child(2) { font-size: 26px; }
    .service-more { margin-top: 10px; }
    .service-desc { height: 3em; }
    .yy-top-right { margin-left: 30px; }
    .yy-ratio-container {
        height: auto;
        padding-top: 80px; padding-bottom: 80px;
    }
    .yy .container {
        position: static;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    /* =================== 藏品 ==================== */
    .section-title-right { margin-left: 0; }

    .lattice-item { font-size: 12px; }

    .lattice-item.inline-block::before {
        display: block;
        margin-top: 0;
    }

    .lattice-item.lotus-and-crane-rectangular-hu {
        top: 45%;
    }

    .collection-hover.complete .collection-image {
        max-width: 75%;
        -webkit-transform: translate(-50%, 0%) !important;
        transform: translate(-50%, 0%) !important;
    }

    .collection-hover.complete.sishen-cloud-chart .collection-image,
    .collection-hover.complete.cloud-pattern-copper-ban .collection-image,
    .collection-hover.complete.temp7 .collection-image,
    .collection-hover.complete.temp10 .collection-image,
    .collection-hover.complete.ru-guan-kiln-sky-blue-glaze-carved-goose-neck-bottl .collection-image {
        -webkit-transform: translate(-65%, 0%) !important;
        transform: translate(-65%, 0%) !important;
    }

    .collection-hover.complete .collection-name {
        -webkit-transform: translateY(-50%) scale(0.8);
        transform: translateY(-50%) scale(0.8);
    }

    /* =================== 资讯 ==================== */
    .information-inner .swiper-slide {
        width: 80%;
    }

    .information-inner .swiper-slide p { line-height: 50px; padding: 0 20px; }

    .information-nav-tabs { margin-bottom: 30px; }

    .information-inner .swiper-pagination { margin-top: 20px; }

    .information-inner .swiper-pagination span { width: 25px; height: 25px; }

    /* =================== 展厅 ==================== */
    /* .exhibition-section-title-inner  */
    .exhibition-section-title-inner-box {
        top: 45%; left: 5%;
    }

    .section-title-right .details-arrow-wrap, .exhibition-section-title-inner .details-arrow-wrap { margin-top: 0px; }

    .banner-title span::after,
    .collection-section-title-wrap .section-title::after,
    .exhibition-section-title-wrap .section-title::after,
    .information .section-title::after,
    .column-section .section-title::after,
    .column-section .section-title::before {
        width: 8px; height: 8px;
    }

    .information-nav-tabs .nav-tabs button.active::after {
        width: 40px; height: 13px;
        background-size: 100% auto;
        left: calc(50% - 20px);
    }

    .column-inner-swiper .swiper-slide .column-name { font-size: 18px; }
}

@media (max-width: 576px) {
    :root {
        /* 字体大小 */
        --maximum-size: 26px;
        --larger-size: 30px;
        --large-size: 20px !important;
        --medium-to-large: 18px !important;
        --medium-size: 16px !important;
        --small-size: 15px !important;
        --smaller-size: 14px !important;
        --minimum-size: 13px !important;
    }

    .section-sub-title { display: none; }

    /* =================== 预约 ==================== */
    .yy-top-content { flex-direction: column; }
    .yy-top-right { margin-left: 0; margin-top: 20px; }
    .yy-top-open-hours > p { margin-top: 5px; }
    .service-list { flex-wrap: wrap; }
    .service-list li { width: 50%; }
    .service-list li:nth-child(n + 3) { margin-top: 20px; }
    .service-desc { height: auto; }

    /* =================== 藏品 ==================== */
    .collection-section-title-inner {
        top: 10%;
        left: 15%;
    }

    .lattice-item {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .lattice-item.align-right {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    /* =================== 展厅 ==================== */
    .exhibition-section-title-inner-box {
        top: 40%;
    }

    .exhibition-section-title-wrap > img { width: 100%; pointer-events: none; }

    .section-title-right .details-arrow-wrap img,
    .exhibition-section-title-inner .details-arrow-wrap img { height: 18px; }

    /* =================== 资讯 ==================== */
    .information-inner .swiper-pagination span { width: 20px; height: 20px; }

    .information-inner .swiper-slide p {
        line-height: 30px;
        padding: 0 15px;
    }

    /* =================== 栏目 ==================== */
    .column-inner-swiper .swiper-slide .column-name { top: 10px; font-size: 14px; }
}

@media (max-width: 490px) {
    :root {
        /* 字体大小 */
        --maximum-size: 26px;
        --larger-size: 30px;
        --large-size: 16px !important;
        --medium-to-large: 16px !important;
        --medium-size: 16px !important;
        --small-size: 16px !important;
        --smaller-size: 13px !important;
        --minimum-size: 12px !important;
    }

    .lattice-item {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}